.bottom {
  box-sizing: border-box;
  background: #ffffff;
  padding: 0 24rpx;
  width: 100vw;
  padding-bottom: constant(
    safe-area-inset-bottom
  ); /*兼容 IOS<11.2*/
  padding-bottom: env(
    safe-area-inset-bottom
  ); /*兼容 IOS>11.2*/
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: constant(safe-area-inset-bottom);
  min-height: env(safe-area-inset-bottom);
  z-index: 999;
}

.from-tabbar {
  min-height: calc(
    constant(safe-area-inset-bottom) + 200rpx
  );
  min-height: calc(
    env(safe-area-inset-bottom) + 200rpx
  );
  align-items: flex-start;
}
